<template>
  <div class="header">
    <h1>{{ msg }}</h1>
    <p>welcome my world</p>
  </div>
</template>

<script>
export default {
  name: 'Header',
  data () {
    return {
      msg: '嘿嘿'
    }
  }
}
</script>

<style scoped>
.header {
  font-weight: normal;
  background-color: #f00;
}

.header h1 {
  color: #000;
  height: 20px;
  line-height: 1.2;
}
</style>